<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let arr = [1,2,3,4,5];

        // // 引用 - 并不是复制
        // let arr2 = arr;

        // arr2[0] = 100;

        // console.log(arr); //[100, 2, 3, 4, 5]
        // console.log(arr2);//[100, 2, 3, 4, 5]

        // 复制数组
        // let arr2 = arr.concat();

        // arr2[0] = 120;

        // console.log(arr); //[1, 2, 3, 4, 5]
        // console.log(arr2); //[120, 2, 3, 4, 5]


        // es6
        // 复制数组
        // let arr = [1,2,3,4,5];
        // let arr2 = [...arr];

        // arr2[0] = 666;

        // console.log(arr);
        // console.log(arr2);


        // 补充说明：... 剩余运算符之外，还叫展开运算符

        let arr =[1,2,3];

        // 展开运算符... 可以展开对象或数组
        // console.log(...arr); //1,2,3

        // console.log(arr); //[1, 2, 3]

        // 声明一个新数组,并且将arr的值复制到arr2上
        // [1,2,3] => 1,2,3 用...展开
        let arr2 = [...arr];

        console.log(arr2);

        console.log(arr === arr2);



    </script>
</body>
</html>